<template>
  <ul class="cols_2">
    <li v-for="item in 40" class="proItem">
      <div class="itemImage">
        <van-image src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
      </div>
      <div class="itemInfo">
        <div class="proname van-multi-ellipsis--l2"> 戴森(Dyson) Supersonic 吹风机 负离子 电吹风风筒 减少飞翘 进口家用 礼物推荐 HD08紫红色</div>
        <div class="price"> ￥5 </div>
      </div>
    </li>
  </ul>
</template>
<style scoped lang="scss" >
.cols_2 {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

.cols_2 .proItem {
  width: 48%;
  margin: 3px 1%;
  border: 1px solid rgb(209, 206, 206);
  box-sizing: border-box;
}

.cols_2 .proItem .itemImage {
  width: 100%;
  height: 2rem;
}

.cols_2 .proItem .itemImage .van-image {
  width: 100%;
  height: 100%;
}

.cols_2 .proItem .itemInfo {
  line-height: 22px;
  padding: 5px 10px;
  box-sizing: border-box;
}
</style>